<div class="container">
    <div class="row">

        <!--<div class="signup-step ng-scope"><img src="static/frontend/images/reg_1.jpg"></div>-->
        <div class="signup-step ng-scope"></div>

        <div class=" col-reg" ng-controller="SignUpController" style="margin-top: 100px;width: 400px;">
            <!--<form name="signUpForm" id="form-register" action="/ap/register" method="post" ng-show="signUpInfo" novalidate>-->
            <form name="signUpForm" id="form-register" action="/ap/register" method="post" novalidate>
                <div class="sign-form">
                    <div class="sign-inner">
                        <h3 class="first-child">注册账号</h3>
                        <!--<div class="error-text">邮箱不能为空</div>-->

                        <form role="form">
                            <div class="form-group">
                                <input type="text" name="username" ng-model="username" ng-minlength="3" ng-maxlength="20" ng-unique class="form-control" id="name" placeholder="输入用户名" data-toggle="popover"
                                       data-placement="left" data-trigger="focus" ng-pattern="usernameReg" data-original-title="Name">
                                <input type="hidden" name="cn">

                                <div ng-show="signUpForm.username.$touched && signUpForm.username.$error.minlength" class="error-text" style="right: 30px;">
                                    用户名太短，请输入至少3个字符</div>
                                <div class="error-text"  ng-show="signUpForm.username.$touched && signUpForm.username.$error.pattern" style="right: 2px;">
                                    用户名不合法！请使用小写字母或数字</div>
                                <p ng-show="signUpForm.username.$touched && signUpForm.username.$error.maxlength" class="error-text">
                                    用户名太长，请输入不超过8个字符</p>
                                <p class="error-text"  ng-show="signUpForm.username.$touched && signUpForm.username.$error.unique && !signUpForm.username.$error.pattern">用户名已存在</p>
                                <font color="#FF0000" class="hidden" id="usernameError">该用户名已存在</font>

                            </div>
                            <!-- <div class="form-group">
                                 <input type="text" class="form-control" id="mail" placeholder="输入邮箱" data-toggle="popover"
                                        data-placement="left" data-trigger="focus" data-original-title="mail">
                             </div>-->
                            <div class="form-group">
                                <input type="password" name="password" ng-model="password" class="form-control" placeholder="输入帐号密码" data-toggle="popover"
                                       data-placement="left" data-trigger="focus" data-original-title="password">
                            </div>
                            <div class="form-group">
                                <input type="password" name="confirmedPassword" ng-model="confirmedPassword" equals="{{password}}" class="form-control" placeholder="再次输入帐号密码" data-toggle="popover"
                                       data-placement="left" data-trigger="focus" data-original-title="password">
                                <p class="error-text"><span ng-show="signUpForm.confirmedPassword.$touched &&password!=confirmedPassword ">两次输入的密码必须一致</span></p>
                            </div>

                            <div class="form-group">
                                <input type="text" ng-model="company" class="form-control" placeholder="输入公司名" data-toggle="popover"
                                       data-placement="left" data-trigger="focus">
                            </div>

                            <div class="form-group">
                                <input type="text" ng-model="phoneNumber" name="phoneNumber" ng-minlength="11" ng-maxlength="11" ng-uniquephone class="form-control" placeholder="输入手机号" data-toggle="popover"
                                       data-placement="left" data-trigger="focus" data-original-title="phoneNumber" ng-pattern="phoneNumberRegex">
                                <p ng-show="signUpForm.phoneNumber.$touched && signUpForm.phoneNumber.$error.pattern" class="error-text">
                                    请输入正确的手机号码</p>
                                <p class="error-text" ng-show="signUpForm.phoneNumber.$error.uniquephone">手机号码已经存在</p>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" ng-model="identifyingCode" placeholder="输入验证码" value="{{verifyingCode}}">
                                 <span class="input-group-btn">
                                     <em class=" btn-default"> <a href="#" type="submit" class="btn" ng-disabled="isIdenCodeDisable" ng-click="triggerIdentifyingCode(phoneNumber)">{{idenCodeButtonContent}}</a></em>
                                 </span>
                            </div>

                            <!--   <div class="form-group">
                                          <input type="radio" ng-model="role" value="开发人员" class="ng-pristine ng-untouched ng-valid" name="17"> 开发人员
                                                     <input type="radio" ng-model="role" value="测试人员" class="ng-pristine ng-untouched ng-valid" name="18"> 测试人员
                                                     <input type="radio" ng-model="role" value="运维人员" class="ng-pristine ng-untouched ng-valid" name="19"> 运维人员
                                       </div>-->

                            <div class="form-group text-center">
                                <a href="#" type="submit" class=" btn btn-primary" ng-click="ok()">注册</a>
                            </div>
                        </form>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
minHeight=856;
</script>